<ion-header>
  <ion-navbar>
    <ion-title>我的文章</ion-title>
  </ion-navbar>
</ion-header>

<ion-content>
  <ion-card *ngFor="let article of articles">
    <ion-item>
      <ion-avatar item-left>
        <img src="{{article.creator.smallHeadPic?article.creator.smallHeadPic:default_img}}">
      </ion-avatar>
      <h2>{{article.creator.nickName}}</h2>
      <p>{{article.createTime }}</p>
    </ion-item>
    <img *ngIf="article.showPic && !article.movieURL" src="{{article.showPic}}">
    <ion-card-content (click)="articleDetailClick(article)">
      <div [innerHtml]='article.summary'></div>
    </ion-card-content>
  </ion-card>
  <ion-item *ngIf="loadOver" no-lines class="load-over-msg">
    别扯啦，裤子都被你撤掉了
  </ion-item>
  <ion-infinite-scroll (ionInfinite)="loadMore($event)">
    <ion-infinite-scroll-content
      loadingSpinner="bubbles"
      loadingText="Loading more data...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
